<extend name="Layout/application"/>

<block name="css">
   <link rel="stylesheet" href="/vendor/webupload/dist/webuploader.css"/>
   <link rel="stylesheet" type="text/css" href="/vendor/webupload/style.css"/>
</block>

<block name="content">
   <section class="content-header">
      <h1>
         新增相册
         <small>Gallery create</small>
      </h1>
      <ol class="breadcrumb">
         <li><a href="#"><i class="fa fa-dashboard"></i> Gallery</a></li>
         <li class="active">Create</li>
      </ol>
   </section>

   <section class="content" style="width: 70%;">

      <include file="Layout/_flash"/>

      <form class="form-horizontal" method="post" action="{{:url('galleries/save')}}">

         <div class="nav-tabs-custom">
            <ul class="nav nav-tabs">
               <li class="active"><a href="#tab1" data-toggle="tab">基本参数</a></li>
               <li class="pull-right"><a href="javascript:history.back(-1)" class="btn btn-sm"
                                         style="padding:10px 2px;"><i class="fa fa-list"></i> 返回</a></li>
            </ul>
            <div class="tab-content">
               <div class="tab-pane active" id="tab1">

                  <div class="box-body">

                     <div class="form-group">
                        <label class="col-sm-2 control-label">相册分类</label>
                        <div class="col-sm-5">
                           <select class="form-control" name="category_id">
                              <option>请选择分类</option>
                              <option value="1">客片</option>
                              <option value="2">样片</option>
                           </select>
                        </div>
                     </div>

                     <div class="form-group">

                        <div id="dropdown" class="tab-pane" style="margin-top: 20px;">
                           <div id="uploader">
                              <div class="queueList">
                                 <div id="dndArea" class="placeholder">
                                    <div id="filePicker"></div>
                                    <p>或将照片拖到这里，单次最多可选300张</p>
                                 </div>
                              </div>
                              <div class="statusBar" style="display:none;">
                                 <div class="progress">
                                    <span class="text">0%</span>
                                    <span class="percentage"></span>
                                 </div>
                                 <div class="info"></div>
                                 <div class="btns">
                                    <div id="filePicker2"></div>
                                    <div class="uploadBtn">开始上传</div>
                                 </div>
                              </div>

                              <div id="imgs"></div>
                           </div>
                        </div>

                     </div>

                  </div>
                  <div class="box-footer">
                     <button type="reset" class="btn btn-default">重置</button>
                     <button type="submit" class="btn btn-info pull-right">提交</button>
                  </div>

               </div>
            </div>
         </div>
      </form>

   </section>
</block>

<block name="js">
   <script type="text/javascript" src="/vendor/webupload/dist/webuploader.js"></script>
   <script type="text/javascript" src="/vendor/webupload/upload.js"></script>
</block>

